@import "./vars";
.my-go-layout__menu {
    position: fixed;
    z-index: 4;
    left: 250px;
    top: 100px;
    width: 40px;
    & > ul {
      list-style: none;
      padding: 0;
      & > li {
        background-color: $my-go-layout-item-background;
        color: $my-go-layout-item-color;
        padding: $my-go-layout-item-padding;
        border-color: $my-go-layout-border-color;
        border-style: solid;
        border-width: 0 $my-go-layout-border-width;
        position: relative;
        cursor: pointer;
        & > ul {
          display: none;
        }
        &:hover > ul {
          display: block;
          position: absolute;
          top: 0px;
          left: 40px;
          list-style: none;
          padding: 0;
          &.bottom{
            bottom: 0;
            top: initial;
          }
          & > li {
            background-color: $my-go-layout-item-background;
            color: $my-go-layout-item-color;
            padding: $my-go-layout-item-padding;
            border-color: $my-go-layout-border-color;
            border-style: solid;
            border-width: 0 $my-go-layout-border-width;
            position: relative;
            cursor: pointer;
          }
          li + li {
            border-top-width: 1px;
          }
        }
        .icon {
          font-size: $my-go-layout-icon-size;
        }
      }
      li + li {
        border-top-width: $my-go-layout-border-width;
      }
      li:first-child {
        border-top-width: $my-go-layout-border-width;
        border-top-left-radius: $my-go-layout-border-radius;
        border-top-right-radius: $my-go-layout-border-radius;
      }
      li:last-child {
        border-bottom-left-radius: $my-go-layout-border-radius;
        border-bottom-right-radius: $my-go-layout-border-radius;
      }
    }
  }